<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view>
	<h:head>
		<meta http-equiv="X-UA-Compatible" content="IE=7" />
		<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
		<ui:insert name="title">
			<title>Pagina Principal del Administrador</title>
		</ui:insert>

		<link type="text/css" rel="stylesheet" href="css/default.css" />
		<link type="text/css" rel="stylesheet" href="themes/owner/skin.css" />
		<style type="text/css">
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	background: url('images/fond1.jpg');
}

.ui-widget {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

#titTemAdm {
	font-family: Times New Roman, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
}

.CabeceraLayout {
	background: #AE9663 !important;
}

.menuIzquiera {
	width: 180px !important;
	border: 0px !important;
	color: #000000 !important;
	font-weight: bold !important;
}

.menuIzquiera2 {
	width: 180px !important;
	border: 0px !important;
	color: #000000 !important;
	font-weight: bold !important;
}
</style>
	</h:head>
	<p:layout style="width: 970px; height: 800px; margin: auto;">
		<p:layoutUnit position="top" height="80"
			style="width: 100%; border: 0px;" styleClass="CabeceraLayout">
			<div style="text-align: right;"></div>
			<h:panelGrid columns="3" width="100%" style="margin: 0;" border="0">
				<h:panelGrid style="margin: auto;">
					<h:graphicImage value="/imagenes/ahora2.png" width="50" height="50" />
				</h:panelGrid>
				<h:panelGrid columns="1" style="margin: auto; text-align: left;">
					<font face="Calibri" style="font-size: 1.8em; font-weight: bold;">
						Plataforma de Atención al Ciudadano </font>
				</h:panelGrid>
			</h:panelGrid>
		</p:layoutUnit>

		<p:layoutUnit position="right" styleClass="CabeceraLayoutMenu"
			scrollable="true" width="220">
			<br />
			<h:form>
				<h:panelGrid style="margin: auto;" columns="7">
					<p:commandButton onclick="history.go(-1);" immediate="true"
						style="background: url('images/botton/back.png') no-repeat;
												width: 24px; 
												height: 24px; border:0" 
						title="Retroceder"/>
					<p:spacer width="20" />
					<p:commandButton title="Regresar al inicio del intranet"
						action="#{loginBM.backToInicioAdmin}" ajax="false"
						immediate="true"
						style="background: url('images/botton/inicioIntranet.png') no-repeat;
												background-position: center bottom; width: 24px; 
												height: 24px; border:0" />
					<p:spacer width="20" />
					<p:commandButton title="Cambiar contraseña"
						oncomplete="composeDlg.show()"
						actionListener="#{loginBM.limpiarDatosCambioPass}"
						style="background: url('images/botton/cambiocontra.png') no-repeat;
												background-position: center bottom; width: 24px; 
												height: 24px; border:0" />

					<p:spacer width="20" />
					<p:commandButton title="Salir del sistema"
						oncomplete="inicio.show()"
						style="background: url('images/botton/salirsistema.png') no-repeat;
												background-position: center bottom; width: 24px; 
												height: 24px; border:0" />
				</h:panelGrid>
			</h:form>
			<br />
			<h:panelGrid style="margin: auto;">
				<table>
					<tr>
						<th align="right">Usuario:</th>
						<td>#{loginBM.nombreCompletoUsuario}</td>
					</tr>
					<tr>
						<th align="right">Rol:</th>
						<td>#{loginBM.nombreRol}</td>
					</tr>
				</table>
			</h:panelGrid>

			<br />

			<h:form>
				<p:menu model="#{loginBM.mimenu}" position="center"
					styleClass="menuIzquiera cursor: pointer;" />
			</h:form>
		</p:layoutUnit>







		<!-- FRAME DEL CUERPO DE LA BANDEJA -->
		<p:layoutUnit position="center" scrollable="true">
			<div class="body">
				<p:growl life="5000" showDetail="true" id="msjA" />
				<ui:insert name="body" />
			</div>
		</p:layoutUnit>










		<p:layoutUnit position="bottom" height="30">
			<div align="center">
				<span style="color: #03acec;">copyright &copy; 2011
					Gobernanza Consultores Asociados SAC. Derechos Reservados</span>
			</div>
		</p:layoutUnit>
	</p:layout>
	<p:dialog widgetVar="composeDlg" header="Cambiar Contraseña"
		width="530" showEffect="fade" hideEffect="fade" modal="true"
		closeOnEscape="false" closable="false" resizable="false">
		<h:form>
			<h:panelGrid columns="3" cellspacing="10" style="margin:0 auto;">
				<h:outputText value="Contraseña antigua: " />
				<h:inputSecret id="idContAng" value="#{loginBM.contraAntigua}" />
				<p:spacer />
				<h:outputText value="Contraseña nueva: " />
				<h:inputSecret id="idContrNuev" value="#{loginBM.password1}">
					<p:ajax event="keyup" actionListener="#{loginBM.keyUp}"
						process="idContrNuev" update="nivelContra descClaveLeve" />
				</h:inputSecret>
				<h:panelGrid columns="1">
					<h:outputText value="#{loginBM.descClaveLeve}" id="descClaveLeve" />
					<h:graphicImage value="/images/botton/#{loginBM.ruta}"
						id="nivelContra" width="154" height="10" />
				</h:panelGrid>
				<h:outputText value="Confirmar nueva contraseña" />
				<h:inputSecret id="idContrNuevConf" value="#{loginBM.password2}">
					<p:ajax event="keyup" actionListener="#{loginBM.keyOver}"
						process="idContrNuevConf" update="resultPasswords" />
				</h:inputSecret>
				<h:outputText value="#{loginBM.resultPasswords}"
					id="resultPasswords" />
			</h:panelGrid>


			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Cambiar" ajax="false" onchange="submit()"
					oncomplete="inicio.hide()" type="submit"
					action="#{loginBM.cambiarPassword}" />
				<p:spacer width="15" />
				<p:commandButton value="Cancel" onclick="composeDlg.hide()"
					actionListener="#{loginBM.limpiarDatosCambioPass}" />
			</h:panelGrid>

		</h:form>
	</p:dialog>

	<p:confirmDialog message="¿Está seguro que desea salir del sistema?"
		hideEffect="explode" header="Mensaje de Confirmación" severity="alert"
		widgetVar="inicio" modal="true">
		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" onchange="submit()"
					oncomplete="inicio.hide()" type="submit" action="#{loginBM.logOut}"
					ajax="false" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="inicio.hide()" type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>

	<p:confirmDialog
		message="¿Está seguro que desea eliminar la Configuración de Servicio?"
		width="350" modal="true" showEffect="explode" hideEffect="explode"
		header="Mensaje de Confirmación" severity="alert"
		widgetVar="varDeletePro">
		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" update="cars" ajax="false"
					action="#{mantenimientoProcesos.DeleteProceso}"
					oncomplete="varDeletePro.hide()" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="varDeletePro.hide()"
					type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>

	<p:confirmDialog
		message="¿Está seguro que desea eliminar el Usuario?"
		width="350" showEffect="explode" hideEffect="explode"
		header="Mensaje de Confirmación" severity="alert"
		widgetVar="confirmationUsuario" modal="true">
		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" update="cars" ajax="false"
					action="#{manUsuarioBM.DeleteUsuario}"
					oncomplete="confirmationUsuario.hide()" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="confirmationUsuario.hide()"
					type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>

	<p:confirmDialog
		message="¿Está seguro que desea eliminar el Parámetro del Sistema?"
		width="350" showEffect="explode" hideEffect="explode"
		header="Mensaje de Confirmación" severity="alert"
		widgetVar="confirmationUtil" modal="true">
		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" update="cars" ajax="false"
					action="#{manUtilBM.DeleteUtilitario}"
					oncomplete="confirmationUtil.hide()" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="confirmationUtil.hide()"
					type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>

	<p:confirmDialog
		message="¿Está seguro que desea eliminar la Unidad Gestión?"
		width="350" showEffect="explode" hideEffect="explode" modal="true"
		header="Mensaje de Confirmación" severity="alert"
		widgetVar="varDeleteArea">

		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" update="cars" ajax="false"
					action="#{manAreaBM.DeleteArea}" oncomplete="varDeleteArea.hide()" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="varDeleteArea.hide()"
					type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>

	<p:confirmDialog
		message="¿Está seguro que desea eliminar el Grupo de Trabajo?"
		width="350" showEffect="explode" hideEffect="explode" modal="true"
		header="Mensaje de Confirmación" severity="alert"
		widgetVar="varDeleteSubArea">
		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" update="subUnidOrg" ajax="false"
					action="#{manAreaBM.DeleteSubArea}"
					oncomplete="varDeleteSubArea.hide()" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="varDeleteSubArea.hide()"
					type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>

	<p:confirmDialog
		message="¿Está seguro que desea eliminar el Documento Interno?"
		width="350" showEffect="explode" hideEffect="explode" modal="true"
		header="Mensaje de Confirmación" severity="alert"
		widgetVar="varDeleteDocument">
		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" update="cars" ajax="false"
					action="#{manDocumentoBM.DeleteTipoDocumento}"
					oncomplete="varDeleteDocument.hide()" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="varDeleteDocument.hide()"
					type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>

	<p:confirmDialog
		message="¿Está seguro que desea eliminar el Requisito?"
		width="350" showEffect="explode" hideEffect="explode" modal="true"
		header="Mensaje de Confirmación" severity="alert"
		widgetVar="varDeleteReq">
		<h:form>
			<h:panelGrid columns="3" style="margin: auto;">
				<p:commandButton value="Si" update="cars" ajax="false"
				action="#{manRequisitosBM.DeleteRequisito}"
				oncomplete="varDeleteReq.hide()" />
				<p:spacer width="15" />
				<p:commandButton value="No" onclick="varDeleteReq.hide()"
				type="button" />
			</h:panelGrid>
		</h:form>
	</p:confirmDialog>
</f:view>
</html>
